<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Perfiles y Roles</title>
        <link rel="icon" type="image/ico" href="icon.gif" />
        <link rel="stylesheet" href="resources/css/style.css" />
        <style type="text/css">
            html {
                height: 100%;
            }
            body {
                height: 80%
            }
        </style>        
    </h:head>
    <h:body>
        <div id="cuerpo_principal">
            <div id="encabezado">
                <div id="barra_herramientas">
                </div>
                <div id="firma_busqueda">
                    <div id="sector">
                        <img alt="Firma Institucional"
                             src="resources/img/logo_netbrain.png" />
                    </div>
                </div>
            </div>
            <div id="cuerpo_interna">
                <div class="renglon">
                    <div class="cuadro K fondo_columna">
                    </div>
                    <div class="cuadro B">
                        <!-- Formulario para los menus -->
                        <h:form id="frmMenu">
                            <p:growl id="messages"/> 
                            <p:menubar autoDisplay="false">  
                                <p:menuitem value="Inicio" url="#" icon="home" />  
                                <p:submenu label="Configuración" icon="settings">  
                                    <p:menuitem value="Instalación" url="install.jsf" />  
                                    <p:menuitem value="Almacenamiento" url="#" />
                                    <p:menuitem value="Servicio web" url="#" />
                                    <p:menuitem value="Estilos y Apariencia" url="#" />
                                    <p:menuitem value="Idiomas disponibles" url="#" />
                                    <p:menuitem value="Datos de seguridad" url="#" />
                                    <p:menuitem value="Base de datos" url="#" />
                                    <p:menuitem value="Tipos de archivos" url="typeFile.jsf" />
                                    <p:menuitem value="Organizaciones" url="organizations.jsf" />
                                </p:submenu>  
                                <p:submenu label="Usuarios y Grupos" icon="users">  
                                    <p:menuitem value="Usuarios LDAP" url="#" />
                                    <p:menuitem value="Usuarios" url="#" />
                                    <p:menuitem value="Grupos" url="#" />
                                    <p:menuitem value="Firma electronica" url="#" />
                                    <p:menuitem value="Propiedades" url="#" />
                                    <p:menuitem value="Perfiles y Roles" url="profile.jsf" />
                                </p:submenu>  
                                <p:submenu label="Repositorios" icon="storage">  
                                    <p:menuitem value="Repositorios" url="repositories.jsf" />  
                                    <p:menuitem value="Expedientes" url="records.jsf" />
                                    <p:menuitem value="Catalogos" url="catalogs.jsf" />
                                </p:submenu>  
                                <p:submenu label="Seguimiento" icon="storage">  
                                    <p:menuitem value="Catalogos" url="#" />  
                                    <p:menuitem value="Servicio SMTP" url="#" />
                                    <p:menuitem value="Creación" url="#" />
                                    <p:menuitem value="Perfiles y Roles" url="#" />
                                    <p:menuitem value="Estados de flujo" url="#" />
                                    <p:menuitem value="Reportes" url="#" />
                                    <p:menuitem value="Notificadores" url="#" />
                                </p:submenu>                  
                                <p:menuitem value="Salir" url="login.jsf" icon="exit" />  
                            </p:menubar>
                        </h:form>
                        <br />
                        <!-- Formulario para el boton de nuevo -->
                        <h:form>
                            <p:commandButton value="Nuevo Perfil" onclick="dlgNew.show()"
                                             icon="add" />
                        </h:form>
                        <!-- Formulario para el dialogo de nuevo perfil -->
                        <h:form id="frmNew">
                            <p:dialog header="Nuevo Prefil" widgetVar="dlgNew" resizable="false" modal="true" 
                                      id="newProfileDialog">  
                                <p:growl id="newGlow" showDetail="false" sticky="true" />
                                <h:panelGrid columns="2" style="margin-bottom:10px">  
                                    <h:outputLabel for="descripcion" value="Descripción:" />  
                                    <p:inputText id="descripcion" value="#{profileBean.descripcion}" />
                                </h:panelGrid>  
                                <p:commandButton id="submitButton" value="Guardar" icon="save" 
                                                 actionListener="#{profileBean.saveProfile()}" 
                                                 oncomplete="dlgNew.hide();" update=":frmProfile,newGlow,newProfileDialog" />
                                <p:commandButton value="Cancelar" oncomplete="dlgNew.hide();" icon="cancel" />
                            </p:dialog>
                        </h:form>
                        <br />
                        <!-- Formulario para la table de perfiles -->
                        <h:form id="frmProfile">
                            <p:dataTable var="profile" value="#{profileBean.listProfile}" paginator="true" rows="10"
                                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                         rowsPerPageTemplate="1,5,10,15,20,30">  
                                <h:inputHidden value="#{profile.id}" />
                                <p:column headerText="Descripción">  
                                    <h:outputText value="#{profile.profile}" />  
                                </p:column>  
                                <p:column style="width:12%; text-align: center;">  
                                    <p:commandButton oncomplete="descDialog.show()" icon="edit" title="Editar"
                                                     update=":frmDesc:descDialog"
                                                     actionListener="#{profileBean.prepareProfile(profile.id)}"/>
                                    <p:commandButton icon="delete" title="Eliminar" onclick="confirmation.show()"
                                                     actionListener="#{profileBean.prepareProfile(profile.id)}"/>
                                    <p:commandButton oncomplete="rolDialog.show()" icon="roles" title="Roles" 
                                                     update=":frmRoles:rolDialog" 
                                                     actionListener="#{profileBean.prepareProfile(profile.id)}"/>
                                </p:column> 
                            </p:dataTable>
                        </h:form>
                        <!-- Formulario para editar la descripcion de perfil -->
                        <h:form id="frmDesc">
                            <p:dialog header="Descripción" widgetVar="descDialog" 
                                      resizable="false" modal="true" id="descDialog">
                                <p:growl id="descGrowl" showDetail="false" sticky="true" />
                                <h:panelGrid columns="2" style="margin-bottom:10px">  
                                    <h:outputLabel for="descripcion" value="Descripción:" />  
                                    <p:inputText id="descripcion" value="#{profileBean.profile.profile}" />
                                </h:panelGrid>
                                <p:commandButton value="Guardar" icon="save" oncomplete="descDialog.hide();"
                                                 update=":frmProfile,descGrowl" actionListener="#{profileBean.editProfile()}"/>
                                <p:commandButton value="Cancelar" oncomplete="descDialog.hide();" icon="cancel" />
                            </p:dialog>
                        </h:form>
                        <!-- Formulario para borrar perfil -->
                        <h:form prependId="false">  
                            <p:growl id="deleteGlow" />
                            <p:confirmDialog id="confirmDialog" message="Seguro quiere borrar este perfil?"  
                                             header="Borrar perfil" severity="alert" widgetVar="confirmation">  
                                <p:commandButton id="confirm" update=":frmProfile,deleteGlow" value="Si" 
                                                 oncomplete="confirmation.hide()"  
                                                 actionListener="#{profileBean.delete()}"
                                                 icon="accept"/>  
                                <p:commandButton id="decline" value="No" onclick="confirmation.hide()" 
                                                 type="button" icon="cancel"/>
                            </p:confirmDialog>
                        </h:form>
                        <!-- Formulario para editar los roles del perfil -->
                        <h:form id="frmRoles">
                            <p:dialog header="Admiistrador de roles para perfiles" widgetVar="rolDialog" 
                                      resizable="false" modal="true" id="rolDialog" width="400">  
                                <p:growl id="growl" showDetail="false" sticky="true" />
                                <h:outputText value="#{profileBean.profile.profile}" style="font-weight:bold"/>
                                <h:outputText value="Directorios" style="font-weight:bold"/>
                                <br/>
                                <p:selectBooleanCheckbox  value="#{profileBean.profile.addDir}"/>
                                <h:outputText value="Crear directorio" />
                                <br/>
                                <p:selectBooleanCheckbox  value="#{profileBean.profile.editDir}"/>
                                <h:outputText value="Modificar directorio" />
                                <br/>
                                <p:selectBooleanCheckbox value="#{profileBean.profile.deleteDir}" />
                                <h:outputText value="Borrar directorio" />
                                <br />
                                <p:selectBooleanCheckbox value="#{profileBean.profile.fileLoad}" />
                                <h:outputText value="Cargar archivo" />
                                <br/>
                                <p:selectBooleanCheckbox value="#{profileBean.profile.findFile}" />
                                <h:outputText value="Buscar archivo" />
                                <br/>
                                <p:selectBooleanCheckbox value="#{profileBean.profile.deleteFile}" />
                                <h:outputText value="Borrar archivo" />
                                <br/>
                                <p:selectBooleanCheckbox value="#{profileBean.profile.renameFile}" />
                                <h:outputText value="Renombrar archivo" />
                                <br/>
                                <p:selectBooleanCheckbox value="#{profileBean.profile.addProperties}" />
                                <h:outputText value="Agregar propiedades" />
                                <br/>
                                <p:selectBooleanCheckbox value="#{profileBean.profile.editProperties}" />
                                <h:outputText value="Modificar propiedades" />
                                <br/>
                                <p:selectBooleanCheckbox value="#{profileBean.profile.sendEmail}" />
                                <h:outputText value="Enviar correo" />
                                <br/>
                                <p:selectBooleanCheckbox value="#{profileBean.profile.reciveEmail}" />
                                <h:outputText value="Recibir correo" />
                                <br/>
                                <p:selectBooleanCheckbox value="#{profileBean.profile.copy}" />
                                <h:outputText value="Copiar" />
                                <br/>
                                <p:selectBooleanCheckbox value="#{profileBean.profile.paste}" />
                                <h:outputText value="Pegar" />
                                <p:separator />
                                <p:commandButton value="Guardar" icon="save" oncomplete="rolDialog.hide();"
                                                 update="growl" actionListener="#{profileBean.editProfile()}"/>
                                <p:commandButton value="Cancelar" oncomplete="rolDialog.hide();" icon="cancel" />
                            </p:dialog>  
                        </h:form>
                    </div>
                </div>
            </div>
            <div id="footer" class="ui-widget ui-widget-header ui-corner-all">
                <p class="copyright">Datos para el pie de pagina</p>
            </div>
        </div>
    </h:body>
</html>

